<template>
   <!-- main开始     start -->
    <div class="main">
        <div class="w">
            <div class="w_left">
                <dl>
                    <dt>
                        <i>.</i>
                        订单中心
                    </dt>
                    <dd>
                        <router-link to='/myorder/MYOrder'>我的订单</router-link>
                    </dd>
                    <dd>
                        <router-link to='/myorder/grouporder'>团购订单</router-link>
                    </dd>
                    <dd>本地生活订单</dd>
                    <dd>我的预售</dd>
                    <dd>评价晒单</dd>
                    <dd>取消订单记录</dd>
                </dl>
                <dl>
                    <dt>
                        <i>.</i>
                        关注中心
                    </dt>
                    <dd>关注的商品</dd>
                    <dd>关注的店铺</dd>
                    <dd>关注的专辑</dd>
                    <dd>关注的品牌</dd>
                    <dd>关注的活动</dd>
                    <dd>浏览历史</dd>
                </dl>
                <dl>
                    <dt>
                        <i>.</i>
                        特色业务
                    </dt>
                    <dd>我的营业厅</dd>
                    <dd>京东通信</dd>
                    <dd>定期送</dd>
                    <dd>京东代下单</dd>
                    <dd>我的回收单</dd>
                    <dd>节能补贴</dd>
                    <dd>医药服务</dd>
                    <dd>流量加油站</dd>
                    <dd>黄金托管</dd>
                </dl>
                <dl>
                    <dt>
                        <i>.</i>
                        客户服务
                    </dt>
                    <dd>返修退换货</dd>
                    <dd>价格保护</dd>
                    <dd>意见建议</dd>
                    <dd>购买咨询</dd>
                    <dd>交易纠纷</dd>
                    <dd>我的发票</dd>
                </dl>
                <dl>
                    <dt>
                        <i>.</i>
                        设置
                    </dt>
                    <dd>个人信息</dd>
                    <dd>收货地址</dd>
                </dl>
                
            </div>
            <router-view></router-view>
        </div>
    </div>
    <!-- main结束      end -->
</template>

<script>
export default {
    name:'myorder'
}
</script>

<style scoped lang='less'>
.main{
    .w{
        display: flex;
        .w_left{
            width: 193px;
            dl{
                width: 193px;
                dt{
                    display:flex;
                    font-weight: 700;
                    i{
                        color: green;
                        line-height: 7px;
                        margin-right: 3px;
                        font-weight: 700;
                        font-size: 20px;
                    }
                }
                dd{
                    text-align: center;
                    margin: 0 0 6px;
                    border-bottom: 1px solid #ededed;
                    line-height: 28px;
                }
            }
        }
    }
}
</style>